import React from 'react'


import './HomeHotUI.less'
export default class HomeHot extends React.Component {


    render() {
        let { data, title } = this.props
        return (
            <div className='hotproduct'>
                <h3>{title}</h3>
                <div className="hot-container">
                    <ul className="clear-fix">




                        {
                            //     id: Math.random().toString().slice(2),
                            //     title: "京东超市",
                            //     img: "http://m.360buyimg.com/mobilecms/s120x120_jfs/t1/125678/35/5947/4868/5efbf28cEbf04a25a/e2bcc411170524f0.png",
                            //     link: "https://wqs.jd.com/data/coss/tolerant/new/3_1.shtml"
                        }
                        {/* <li>
                            <a>

                                <img alt='' />
                                <span>  热商品</span>

                            </a>
                        </li> */}
                        {data.map((item, index) => {
                            return (
                                <li key={index+item.id}>
                                    <a href={item.link}>

                                        <img src={item.img} alt={item.title} />
                                        <span>  {item.title}</span>

                                    </a>
                                </li>
                            )
                        })}
                    </ul>
                </div>

            </div>

        )
    }
}
